//博客的头部导航链接
var Style = require('./../../../assets/css/side.css')
var React = require('react');
var NavLink = require('./navlink.js');
//引如一个自己通过link内置属性定义的组件，省去多次写activeclass
var IndexLink = require('react-router').IndexLink;//内置的激活状态的标签
var Link = require('react-router').Link;

class Side extends React.Component {
    constructor(props) {
        super(props);
        // 设置 initial state
        this.state = {
        };
    }
    render() {
        return (
            <div>
                {/*侧边导航栏*/}
                {/*更多按钮*/}
                <div id="btn-more-y" className="btn-more-y col-lg-offset-11 col-md-offset-11 col-sm-offset-11 col-xs-offset-10">
                    <i className="iconfont">&#xe617;</i>
                       {/*移动框*/}
                    <div id="box_move-y" className="box_move-y">
                        <div className="side-top">
                            <div className="myimg"></div>
                        </div>
                        <div className="side-bottom">
                            <h4 className="tips-word">
                                小隐，隐于市
                            </h4>
                            <p>潜心、潜行、潜性</p>
                            <div className="home">
                                <a href="javascript:void(0);"><i className="iconfont">&#xe623;</i></a>
                            </div>
                            <ul>
                                <li><a href="javascript:void(0);">主页</a></li>
                                <li><a href="javascript:void(0);">所有文章</a></li>
                                <li><a href="javascript:void(0);">demo</a></li>
                                <li><a href="javascript:void(0);">个人作品</a></li>
                            </ul>
                            <div className="link-more">
                                <a href="javascript:void(0);"><i className="iconfont">&#xe608;</i></a>
                                <a href="javascript:void(0);"><i className="iconfont">&#xe6b6;</i></a>
                                <a href="javascript:void(0);"><i className="iconfont">&#xe619;</i></a>
                                <a href="javascript:void(0);"><i className="iconfont">&#xe672;</i></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        );
    }
}

module.exports = Side;